import React from 'react';
import { ChevronRightIcon } from '@heroicons/react/24/outline';
import Link from 'next/link';

interface RecommendedLinksProps {
  links: Array<{
    id: string;
    text: string;
  }>;
}

const RecommendedLinks: React.FC<RecommendedLinksProps> = ({ links }) => {
  return (
    <div className="space-y-2 mt-6">
      {links.map((link) => (
        <div
          key={link.id}
          className="flex items-center justify-between bg-white p-3 rounded-lg shadow-sm cursor-pointer hover:bg-gray-50 transition-colors"
        >
          <span className="text-gray-600">推荐内容链接{link.id}</span>
          <ChevronRightIcon className="w-4 h-4 text-gray-400" />
        </div>
      ))}
      <div className="flex justify-end mt-4">
        <Link href="/chat/history">
          <button className="text-gray-500 text-sm hover:text-gray-700 transition-colors">
            历史
          </button>
        </Link>
      </div>
    </div>
  );
};

export default RecommendedLinks;